<template>
  <div>
    <div
      class="big-openg"
      v-if="totasts"
    >
      <div class="openg">
        <div class="icons-box">
          <div>
            <div
              class="boradi"
              @click="st_tea_nav"
            >
              <svg
                version="1.1"
                id="图层_1"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                x="0px"
                y="0px"
                viewBox="0 0 200 200"
                style="enable-background:new 0 0 200 200; width:21px; height:23px;"
                xml:space="preserve"
              >
                <polygon
                  class="st0"
                  points="100,0 6.7,66.7 6.7,200 73.3,200 73.3,133.3 126.7,133.3 126.7,200 193.3,200 193.3,66.7 "
                />
              </svg>
            </div>
            <p> 老师专题</p>
          </div>
          <div>
            <div
              class="boradi"
              v-if="is_collection== 0 "
              @click="tabs"
            >
              <svg
                version="1.1"
                id="图层_1"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                x="0px"
                y="0px"
                viewBox="0 0 230.3 200"
                style="enable-background:new 0 0 230.3 200;  width:27px; height:24px;"
                xml:space="preserve"
              >
                <path
                  class="st0"
                  d="M163.4-0.1c-18.2,0-35.7,7.4-48.3,20.7C102.7,7.5,85.4-0.1,66.8-0.1C30-0.1,0.2,29.7,0.2,66.5
		c0,16.6,6.1,32.7,17.1,45.1c0.2,0.3,0.4,0.5,0.6,0.9l69.4,74.1c15.3,18,40.8,18,56.2-0.2l68.7-73.7c0.2-0.2,0.3-0.3,0.4-0.4
		c0.5-0.6,1.1-1.2,1.6-1.8l1-1.1c0.3-0.4,0.6-0.7,0.8-1.1c9.2-11.5,14.1-25.9,14.1-41.7C230.1,29.7,200.2-0.1,163.4-0.1z
		 M187.6,120.9h0.3l-0.3,0.3V120.9z"
                />
              </svg>
            </div>
            <div
              class="boradi"
              v-if="is_collection == 1"
              @click="tabs"
            >
              <svg
                version="1.1"
                id="图层_1"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                x="0px"
                y="0px"
                viewBox="0 0 230.3 200"
                style="enable-background:new 0 0 230.3 200; width:27px; height:24px;"
                xml:space="preserve"
              >
                <path
                  class="st1"
                  d="M163.4-0.1c-18.2,0-35.7,7.4-48.3,20.7C102.7,7.5,85.4-0.1,66.8-0.1C30-0.1,0.2,29.7,0.2,66.5
		c0,16.6,6.1,32.7,17.1,45.1c0.2,0.3,0.4,0.5,0.6,0.9l69.4,74.1c15.3,18,40.8,18,56.2-0.2l68.7-73.7c0.2-0.2,0.3-0.3,0.4-0.4
		c0.5-0.6,1.1-1.2,1.6-1.8l1-1.1c0.3-0.4,0.6-0.7,0.8-1.1c9.2-11.5,14.1-25.9,14.1-41.7C230.1,29.7,200.2-0.1,163.4-0.1z
		 M187.6,120.9h0.3l-0.3,0.3V120.9z"
                />
              </svg>
            </div>
            <p>收藏</p>
          </div>
          <div>
            <div
              class="boradi"
              @click="goteacher"
            >
              <svg
                version="1.1"
                id="图层_1"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                x="0px"
                y="0px"
                viewBox="0 0 200 200"
                style="enable-background:new 0 0 200 200;  width:35px; height:35px;"
                xml:space="preserve"
              >
                <path
                  class="st0"
                  d="M100.7,150.4c0.9,0,1.7-0.1,2.6-0.2c8.4-1,15.5-6.9,18.1-14.9c0.2-0.6-0.1-1.3-0.7-1.5c-0.6-0.3-1.3,0-1.6,0.5
		c0,0.1-3.4,5.4-16.3,7.2c-1.9,0.3-3.8,0.4-5.6,0.4c-9.1,0-13.1-3.4-13.2-3.5c-0.5-0.4-1.2-0.4-1.6,0c-0.5,0.4-0.6,1.1-0.3,1.6
		C86.1,146.5,93.2,150.4,100.7,150.4z M170.4,70.1c-0.1,0-0.2,0-0.3,0c-7.6-32.9-36.6-57.4-71.4-57.4c-35.7,0-65.4,25.9-72,60.1
		c-6.4,1.2-11.3,6.8-11.3,13.6v27.2c0,7.6,6.1,13.8,13.7,13.8c4.3,0,8-2,10.5-5.1c6,16,18.3,28.9,33.9,35.7c0-0.1,0.3-0.7,0.7-1.1
		c0.2-0.3,0.5-0.6,0.8-0.6c0.2,0,0.5,0.1,0.7,0.2c-3.6-2.7-16.6-16.5-19.4-35.7c-1.2-8.5,5.1-16.8,12.5-18.2
		c11.9-2.2,23.7-4.7,35.5-6.9c7.5-1.4,12.7-5.5,15.8-12.4c0.7-1.6,1.8-4.9,2.3-9.6c0.1-0.7,0.7-1.2,1.4-1.2c0.5,0,0.9,0.3,1.2,0.6
		l0.3-0.2c4.7,6.8,13.9,21.8,15.3,37.7c1.5,18.1,0.7,30.5-13.2,43.2c0,0,0,0-0.1,0.1c-0.2,0.2-0.3,0.5-0.3,0.8c0,0.4,0.2,0.7,0.5,0.9
		c0.1,0,0.2,0.1,0.3,0.2c0.1,0,0.2,0.1,0.3,0.1s0.2,0,0.3-0.1c0.2-0.1,0.4-0.2,0.6-0.3c14-7.7,24.8-20.6,29.8-36.1
		c2,3,5.2,5.1,8.8,5.9c-5.9,26.7-29.7,43.4-59.2,45.9c-1.8-4.4-6.1-7.5-11.2-7.5c-6.7,0-12.1,5.3-12.1,11.8s5.4,11.8,12.1,11.8
		c5.4,0,9.9-3.5,11.5-8.2c34.2-2.8,61.5-23.1,67.2-54.6c5-2.1,8.6-7.1,8.6-12.8l0-27.5C184.4,76.4,178.1,70.1,170.4,70.1z M157.8,78
		c-8.9-24.1-32-41.4-59.1-41.4c-27,0-50,17.1-59,41.1c-0.4-0.5-1-1-1.5-1.5C43.2,47,68.3,24.8,98.7,24.8c30.2,0,55.2,22,60.5,51
		C158.6,76.5,158.1,77.3,157.8,78z M73.5,158C73.5,158,73.5,158,73.5,158C73.5,158,73.5,158,73.5,158z"
                />
              </svg>
            </div>
            <p> 在线客服</p>
          </div>
          <div>
            <div
              class="boradi"
              @click="give"
            >
              <svg
                version="1.1"
                id="图层_1"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                x="0px"
                y="0px"
                viewBox="0 0 200 200"
                style="enable-background:new 0 0 200 200; width:25px; height:28px;"
                xml:space="preserve"
              >
                <path
                  class="st0"
                  d="M91.7,29.1H62.5c-2,0-3.6-0.5-4.6-1.4c-1.1-0.9-1.8-2.1-2.3-3.6C55.2,22.7,55,21,55,19.2c0-1.8,0.1-3.5,0.4-5.1
								c0.1-1.6,0.4-3.3,0.9-5.2c0.4-1.9,1-3.5,1.8-4.8c0.8-1.3,1.8-2.2,3.1-2.6c1.3-0.4,2.9-0.1,4.8,1.1c2.2,1.3,4.6,2.7,7.4,4.2
								s5.4,3,8,4.5s5,2.9,7.2,4.1c2.2,1.2,3.9,2.2,5.1,2.9c1.4,1,2.5,2.1,3.2,3.4c0.7,1.2,1,2.4,0.9,3.5c-0.1,1.1-0.7,2-1.7,2.7
								C95,28.7,93.6,29.1,91.7,29.1z M108.6,28.9h29c2,0,3.6-0.5,4.6-1.4c1.1-0.9,1.8-2.1,2.3-3.6c0.4-1.4,0.6-3.1,0.6-4.9
								c0-1.8-0.1-3.5-0.2-5.1c-0.3-1.6-0.6-3.3-1-5.1s-0.9-3.4-1.7-4.6c-0.8-1.3-1.8-2.2-3.1-2.6c-1.3-0.4-2.9-0.1-4.8,0.9
								c-2.2,1.3-4.6,2.7-7.4,4.2c-2.7,1.5-5.4,3-8.1,4.5c-2.7,1.5-5.1,2.9-7.4,4.1c-2.2,1.2-3.9,2.2-4.9,2.9c-1.6,1-2.7,2.1-3.5,3.4
								c-0.7,1.2-1,2.4-0.9,3.5c0.1,1.1,0.7,2,1.7,2.7C105.1,28.5,106.6,28.9,108.6,28.9z M88.7,43.1H26c-4.6,0-7.6,0.8-9,2.3
								c-1.4,1.5-2.1,3.9-2.1,7.2v19c0,3.6,0.8,6.3,2.3,8c1.5,1.7,4.5,2.6,9,2.6h62.5C88.7,82.3,88.7,43.1,88.7,43.1z M112.3,43.1h61.8
								c4.6,0,7.7,0.9,9.4,2.7c1.7,1.8,2.5,4.4,2.5,7.7v18.6c0,3.5-0.8,6-2.3,7.7c-1.5,1.7-4.5,2.5-9,2.5h-62.5V43.1z M88.7,93.7H22.3v35.5
								v14.1v13.2v11.2v7.8c0,7.4,2.1,13,6.3,17.1c4.2,4,10.7,6.1,19.5,6.1h40.6V93.7z M112.3,93.7h66.2v81.1c-0.1,7.4-2.2,13.2-6.3,17.4
								c-4,4.3-10.5,6.4-19.2,6.4h-40.6V93.7z"
                />
              </svg>
            </div>
            <p>赠送好友</p>
          </div>
          <div>
            <div
              class="boradi"
              @click="gohome"
            >
              <svg
                style="enable-background:new 0 0 200 200; width:25px; height:28px;"
                class="icon"
                width="200px"
                height="200.00px"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M0 73.955556C0 34.133333 34.133333 0 73.955556 0l301.511111 0C420.977778 0 455.111111 34.133333 455.111111 73.955556l0 301.511111C455.111111 420.977778 420.977778 455.111111 381.155556 455.111111L73.955556 455.111111C34.133333 455.111111 0 420.977778 0 381.155556L0 73.955556zM0 642.844444C0 603.022222 34.133333 568.888889 73.955556 568.888889l301.511111 0C420.977778 568.888889 455.111111 603.022222 455.111111 642.844444l0 301.511111C455.111111 989.866667 420.977778 1024 381.155556 1024L73.955556 1024C34.133333 1024 0 989.866667 0 950.044444L0 642.844444zM568.888889 73.955556C568.888889 34.133333 603.022222 0 642.844444 0l301.511111 0C989.866667 0 1024 34.133333 1024 73.955556l0 301.511111C1024 420.977778 989.866667 455.111111 950.044444 455.111111l-301.511111 0C603.022222 455.111111 568.888889 420.977778 568.888889 381.155556L568.888889 73.955556zM568.888889 642.844444c0-39.822222 34.133333-73.955556 73.955556-73.955556l301.511111 0c39.822222 0 73.955556 34.133333 73.955556 73.955556l0 301.511111c0 39.822222-34.133333 73.955556-73.955556 73.955556l-301.511111 0c-39.822222 0-73.955556-34.133333-73.955556-73.955556L568.888889 642.844444z"
                  fill="#515151"
                /></svg>
            </div>
            <p>首页</p>
          </div>
        </div>
        <div
          class="close"
          @click="close"
        >
          关闭
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  components: {

  }
}
</script>

<style>
</style>
